<template>
	<section>
		<div class="rules-contain pt30rem pr30rem pb30rem pl30rem">
			<div class="align-center pb30rem border-b" v-html="rules.title"></div>
			<div class="pt30rem" v-html="rules.content"></div>
		</div>
	</section>	
</template>

<script>
	import { getRules } from "@/api/rules"

	export default{
		data()
		{
			return{
				rules_id : 6,
				rules: ''
			}
		},
		created()
		{
			this.loadData();
		},
		methods:
		{
			loadData()
			{
				getRules(this.rules_id).then( res => {
					this.rules = res.data;
				})
			}
		}
	}
</script>
